.hsm-markdown-content{
  font-size: 1rem;
  h1 {
    @apply text-3xl font-bold py-4 my-4 border-b-2 border-gray-300;
  }
  h2 {
    @apply text-2xl font-bold py-2 my-4 mt-8;
  }
  h3,h4 {
    @apply text-xl font-bold my-4 mt-8;
  }
  h5,h6 {
    @apply text-xl my-4;
  }
  p {
    @apply my-2;
  }
  ol {
    @apply list-decimal my-4 ml-4;
    li {
      @apply ml-4 my-2;
    }
  }
  ul {
    @apply my-4 ml-4;
    list-style-type: circle;
    li {
      @apply ml-4 my-2;
    }
  }
  li > ul {
    @apply list-disc;
  }
  ol > li > ul {
    list-style-type: circle;
  }
  img,video {
    @apply block mx-auto my-4 sm:max-w-[80%];
  }
  video {
    @apply w-full;
  }
  p code {
    margin-block: -.125rem;
    padding: .125rem .375rem;
    @apply text-base bg-slate-100;
  }
  pre {
    border-radius: 0.3rem;
    @apply my-4 p-4 border-slate-200 border;
  }
  table {
    @apply w-full my-4;
    border-collapse: collapse;
    th,td {
      @apply border border-slate-300 p-2;
    }
    th {
      @apply bg-slate-100;
    }
  }
  blockquote {
    @apply p-4 my-4 bg-primary-light;
    padding: 1rem;
    border-inline-start: .25rem solid #0C50CD;
  }
  a {
    @apply text-primary underline px-1;
  }
}